<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

</head>
<body>
<div id="app">
    <hello-word></hello-word>
    <hello-tom></hello-tom>
</div>

<script type="text/javascript">
    var helloWord={
        data:function(){
            return {
                msg:'helloWord'
            }
        },
        template:"<div>{{msg}}</div>"
    };
    var helloTom={
        data:function(){
            return {
                msg:'helloTom'
            }
        },
        template:"<div>{{msg}}</div>"
    };

    var app = new Vue({
        el: '#app',
        data: {},
        components:{
            'hello-word':helloWord,
            'hello-tom':helloTom
        }
    })

</script>

</body>
</html>